﻿@model IEnumerable<Fcom.VNInsurance.Web.Models.CPInfo>
@{
  
    Layout = "~/Views/Shared/_0311layout.cshtml";
    var LangProduct = (Fcom.VNInsurance.Web.Models.ProductLang)ViewBag.LangProduct;
    var CurrentLang = (Fcom.VNInsurance.Web.Models.Language)ViewBag.CurrentLang;
    var LangCat = (Fcom.VNInsurance.Web.Models.ProductCatLang)ViewBag.LangCat;
    var productFAQ = (IEnumerable<Fcom.VNInsurance.Web.Models.ProductFAQ>)ViewBag.productFAQ;
    ViewBag.Title = Fcom.VNInsurance.Web.LangResource.Layout.lblCompareText + " " + LangProduct.DisplayName;
    var i = 1;
}
<script>
    $(document).ready(function () {
        $("#tbcompare th").click(function () {
            $('.nexttr').hide();
        });

    });
    $(function () {
        $("#tbcompare").tablesorter({ headers: { 5: { sorter: false }, 1: { sorter: false }, 2: { sorter: false } }, widthFixed: true, widgets: ['zebra'] });
    });

    function viewmore(link) {
        var href = $(link).attr('href');
         
        $(href).insertAfter($(link).parent().parent()).toggle().find('.more-info-wrapper').fadeIn('slow');
        if ($(link).attr("rel") == "") {
            $(link).text("@Fcom.VNInsurance.Web.LangResource.Layout.lblToSmall");
        }
        else {
      
            $(link).html("@Fcom.VNInsurance.Web.LangResource.Layout.lblMoreinfo");
        }
        return false;
    }

</script>
<div class="container">
    <ul class="breadcrumb" style="margin-bottom: 0px !important">
        <li><a href="@Url.Action("Index", "Home")">@Fcom.VNInsurance.Web.LangResource.Layout.lblHome</a></li>
        <li><a href="@Url.Action("Index", LangCat.ProductCat.CatName)">@LangCat.DisplayName</a></li>
        <li class="active">@LangProduct.DisplayName</li>
    </ul>
    <div style="clear: both"></div>
    <div class="top_slider container" id="afocus">
        <div class="col-lg-7" style="padding-top: 10px; font-weight: bold;">
            @Fcom.VNInsurance.Web.LangResource.ContactLayout.lblComapreMaket
        </div>
        <div class="col-lg-4">
            <ol class="top_bar">
                <li><a class="active" id="show_div"><span style="font-weight: bold;">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblinfomation</span></a> </li>
                <li><a class="bar_2_active"><span>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblcomparison</span></a></li>
                <li><a class="bar_3"><span>@Fcom.VNInsurance.Web.LangResource.Layout.lblPolicy</span></a></li>
                <li style="width: 70px !important;"><a class="bar_4"><span>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblfinish</span></a></li>
            </ol>
            <div style="clear: both"></div>
        </div>
        <div style="clear: both"></div>
    </div>
</div>

<div class="container" style="margin-top: 10px">
    <table class="table product-table" id="tbcompare">
        <thead>
            <tr style="background: #EAF3EF">
                <th style="text-align: center" class="header">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblinsurancecomapny</th>
                <th><img src="@Url.Content("~/Content/0311/images/questionicon.png")" /></th>
                <th>@Fcom.VNInsurance.Web.LangResource.Layout.lblBenefit</th>
                <th>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblInsuranceMoneytext (VND)</th>
                <th style="text-align: center">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblFarePerson<br />
                    (VND)</th>
                <th style="text-align: center">  @Fcom.VNInsurance.Web.LangResource.ContactLayout.lbljoin</th>
            </tr>
        </thead>
        <tbody>
            @if (Model.Count() > 0)
            {

                foreach (var cp in Model)
                {
                 
                <tr class="row">
                    <td style="text-align: center">
                        <div class="container" style="width: 200px">
                            <a href="@Url.Action("CompanyProductDetail", "CompanyProduct", new { ID = cp.CProductID, ComName = Fcom.VNInsurance.Web.Utils.Url.url_rewrite(cp.CompanyName), Name = Fcom.VNInsurance.Web.Utils.Url.url_rewrite(cp.ProductName) ,CatName= Fcom.VNInsurance.Web.Utils.Url.url_rewrite(LangCat.DisplayName)})">
                                @if (string.IsNullOrWhiteSpace(cp.ProductImage))
                                {
                                    <img alt="@cp.ProductName"  src="@Url.Content("~/Content/images/CompanyLogo/" + cp.CompanyLogo)" style="width:130px; height:80px" />
                                }
                                else
                                {
                                    <img alt="@cp.ProductName"  src="@Url.Content("~" + cp.ProductImage)" style="width:180px; height:80px" />
                                }
                            </a>
                            <br />

                            <b>@cp.CompanyName</b> @cp.ProductName


                        </div>
                    </td>
                    <td style="text-align:center">
                         <a href="#"><img src="@Url.Content("~/Content/0311/images/doc_32.png")" /></a> <br />
                        @if(cp.showGaras)
                        {
                         <a href="#"><img src="@Url.Content("~/Content/0311/images/handy-icon.png")" width="32px"  height="32px"/></a> <br />
                        }
                        @if(cp.showHopitals)
                        {
                         <a href="#"><img src="@Url.Content("~/Content/0311/images/hospital-icon.png")" /></a> <br />
                        }
                         <a href="@Url.Action("CompanyProductDetail", "CompanyProduct", new { ID = cp.CProductID, ComName = Fcom.VNInsurance.Web.Utils.Url.url_rewrite(cp.CompanyName), Name = Fcom.VNInsurance.Web.Utils.Url.url_rewrite(cp.ProductName) ,CatName= Fcom.VNInsurance.Web.Utils.Url.url_rewrite(LangCat.DisplayName)})"><img src="@Url.Content("~/Content/0311/images/get_info.png")" /></a>
                    </td>
                    <td valign="top">
                        <div class="container" style="padding: 15px; width: 270px;">@Html.Raw(HttpUtility.HtmlDecode(cp.Benefit))</div>
                    </td>
                    <td style="text-align: center">
                        <div class="container" style="font-weight: bold; color: #1D045E; width: 100px;">
                            @String.Format("{0:#,###}", cp.InsuranceMoney)
                        </div>
                    </td>
                    <td style="text-align: center">
                        <div class="container" style="font-weight: bold; color: #1D045E; width: 100px">@String.Format("{0:#,###}", cp.Fare)</div>
                    </td>
                    <td style="text-align: center"><a href="@Url.Action("Apply", "CompanyProduct", new {ID=cp.CProductID})" class="btn btn-lg btn-success">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblApply>></a><br />
                        <a class="btnviewmore" onclick="return viewmore(this);" style="font-size:11px" href="#trnext@(cp.CProductID)">@Fcom.VNInsurance.Web.LangResource.Layout.lblMoreinfo</a>
                    </td>
                </tr>
                <tr id="trnext@(cp.CProductID)" class="hiddentr  nexttr" rel="">
                    <td colspan="6">
                        <div class="container more-info-top">

                            <div class="more-info-wrapper">
                                <h4>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblbenefitandfuture</h4>
                                <div class="item-list">

                                    <div class="item-list">
                                        @Html.Raw(HttpUtility.HtmlDecode(cp.MoreInfo))
                                    </div>
                                </div>
                            </div>
                            <div class="more-info-wrapper">
                                <h4>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblconditiontojoin</h4>
                                <div class="item-list">
                                    @Html.Raw(HttpUtility.HtmlDecode(cp.Condition))
                                </div>
                            </div>


                        </div>

                    </td>
                </tr> 
                    i++;
                }
            }
            else
            {
                <tr>
                    <td colspan="6">Updating...</td>
                </tr> 
            }
        </tbody>
    </table>
</div>
<div style="padding-left: 30px; padding-right: 30px; padding-top: 10px; line-height: 25px;" class="ctcontainer">
    @Html.Raw(HttpUtility.HtmlDecode(LangProduct.DisplayIntro))
    <br />
    <p id="vnquestion-fb">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblIfhaveQuestion</p>

</div>
<div class="container">
    <div class="accright">

        <div id="disqus_thread"></div>
        <script type="text/javascript">
            /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
            var disqus_shortname = 'vnbaohiemcom'; // required: replace example with your forum shortname

            /* * * DON'T EDIT BELOW THIS LINE * * */
            (function () {
                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
            })();
        </script>


    </div>

    <div class="accleft">

        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVnbaohiem&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 100%; height: 260px;" allowtransparency="true"></iframe>
        <div class="container">
            <!-- AddThis Button BEGIN -->
            <div class="addthis_toolbox addthis_default_style ">
                <a class="addthis_button_preferred_1"></a>
                <a class="addthis_button_preferred_2"></a>
                <a class="addthis_button_preferred_3"></a>
                <a class="addthis_button_preferred_4"></a>
                <a class="addthis_button_compact"></a>
                <a class="addthis_counter addthis_bubble_style"></a>
            </div>

            <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52116863612dd7b2"></script>
            <!-- AddThis Button END -->
        </div>
    </div>

    <div style="clear: both"></div>
</div>